<template>
	<view>
		<!-- 优惠卷 -->
		<view style="height: 20rpx;background: #F8F8F8;"></view>
		<view class="YHJ" v-for="item in 2">
			<view class="Jine">
				<text class="fs14">￥</text>
				<text class="fs39">10</text>
			</view>
			<view class="manjian">
				<view class="fs16">满30减10</view>
				<view class="fs11" style="margin-top: 14rpx;">2020-12-26 23: 59到期</view>
			</view>
		</view>
		<!-- 添加优惠券 -->
		<view class="btm">
			<navigator url="../addYHJ/addYHJ">添加优惠券</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.YHJ{
	width: 680rpx;
	height: 180rpx;
	margin: 34rpx auto;
	background: #FEF4F3;
	display: flex;
	position: relative;
}
.Jine{
	width: 30%;
	color: #FB511F;
	text-align: center;
	line-height: 180rpx;
}
.manjian{
	color: #6D6D6D;
	position: absolute;
	left: 35%;
	top: 50%;
	transform: translateY(-50%);
}
.btm{
	width: 476rpx;
	height: 76rpx;
	color: #FFFFFF;
	text-align: center;
	line-height: 76rpx;
	border-radius: 38rpx;
	background: linear-gradient(338deg,#2ed993 0%, #20b47a 100%);
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translateX(-50%);
}
</style>
